<div>
    <bs-modal #eventModal>
        <bs-modal-header [showDismiss]="true">
            <h4 class="modal-title">{{event._source | eventToString}} Event</h4>
        </bs-modal-header>
        <bs-modal-body>

            <div class="row">
                <div class="col-md-12 ">
                    <ul class="list-unstyled">
                        <li>
                            <i class="fa fa-angle-right">
                            </i>
                            <b>Info:</b> {{event.title}} at {{ event._source.timestamp | date : 'medium' }}
                        </li>
                    </ul>
                </div>
            </div>
        </bs-modal-body>
        <bs-modal-footer [showDefaultButtons]="false">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </bs-modal-footer>
    </bs-modal>

</div>
